<template>
  <a-card class="pbcard" :bordered="false">
    <h2 style="text-align:center;">广东培正学院学生科研项目立项申报书</h2>

    <a-form v-show="!printModel" :form="form">
      <h4>一、项目信息表</h4>
      <table border="1px" class="table">
        <!-- 项目资料 -->
        <tr>
          <td width="50" rowspan="2" style="text-align:center;vertical-align:middle;">研<br />究<br />项<br />目</td>
          <td width="600">
            <a-form-item v-show="false">
              <div v-decorator="['researchProject.id', { initialValue: formData.researchProject.id }]"></div>
            </a-form-item>
            <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="项目名称">
              <a-input
                placeholder="请输入项目名"
                v-decorator="[
                  'researchProject.name',
                  {
                    initialValue: formData.researchProject.name,
                    rules: [{ required: true, message: '请输入项目名称' }]
                  }
                ]"
                :disabled="!editable"
              />
            </a-form-item>
            <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="项目来源">
              <j-dict-select-tag
                type="radio"
                v-decorator="[
                  'researchProject.source',
                  {
                    initialValue: formData.researchProject.source,
                    rules: [{ required: true, message: '请选择项目来源' }]
                  }
                ]"
                placeholder="请选择项目来源！"
                :triggerChange="true"
                :disabled="!editable"
                dictCode="research_project_category"
              />
            </a-form-item>

            <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="经费资助">
              <j-dict-select-tag
                type="radio"
                v-decorator="[
                  'researchProject.support',
                  {
                    initialValue: formData.researchProject.support,
                    rules: [{ required: true, message: '经费资助不能为空！' }]
                  }
                ]"
                placeholder="请选择经费资助级别！"
                :triggerChange="true"
                :disabled="!editable"
                dictCode="research_project_level"
              />
            </a-form-item>

            <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="起止年月">
              <a-range-picker
                :disabled="!editable"
                format="YYYY-MM-DD"
                v-decorator="[
                  'researchProject.timeRange',
                  {
                    initialValue: [
                      formData.researchProject.startTime ? moment(formData.researchProject.startTime) : null,
                      formData.researchProject.endTime ? moment(formData.researchProject.endTime) : null
                    ],
                    rules: [{ type: 'array', required: true, message: '请选择起止日期!' }]
                  }
                ]"
              />
            </a-form-item>

            <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="成果形式">
              <j-dict-select-tag
                type="radio"
                v-decorator="[
                  'researchProject.resultType',
                  {
                    initialValue: formData.researchProject.resultType,
                    rules: [{ required: true, message: '请选择成果形式！' }]
                  }
                ]"
                placeholder="请选择成果形式！"
                :triggerChange="true"
                :disabled="!editable"
                dictCode="research_project_result_type"
              />
              
            </a-form-item>
          </td>
        </tr>
        <!-- 指导老师 -->
        <tr>
          <td>
            <a-row :gutter="24" type="flex" justify="space-between">
              <a-col>
                <h4>指导老师:</h4>
              </a-col>
              <a-col>
                <!-- <x-select-user-by-dep class="xselectuser" v-if="editable" :multi="false" @selected="selectTeacher"></x-select-user-by-dep> -->
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :span="12">
                <a-form-item v-show="false" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="姓名">
                  <a-input
                    :disabled="!editable"
                    placeholder=""
                    v-decorator="[
                      'instructor.name',
                      {
                        initialValue: formData.instructor.name,
                        rules: [{ required: true, message: '请输入指导老师姓名！' }]
                      }
                    ]"
                  />
                </a-form-item>
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="姓名">
                  <x-select-user-by-dep
                    searchIcon
                    :disabled="!editable"
                    v-decorator="[
                      'instructor.instructorId',
                      {
                        initialValue: formData.instructor.instructorId,
                        rules: [{ required: true, message: '请选择指导老师！' }]
                      }
                    ]"
                    :multi="false"
                    @selected="selectTeacher"
                  ></x-select-user-by-dep>
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="所属学院">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'instructor.college',
                      {
                        initialValue: formData.instructor.college,
                        rules: [{ required: true, message: '请输入指导老师所属学院！' }]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="最后学历">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'instructor.education',
                      {
                        initialValue: formData.instructor.education,
                        rules: [{ required: true, message: '请输入指导老师学历！' }]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="最后学位">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'instructor.degree',
                      {
                        initialValue: formData.instructor.degree,
                        rules: [{ required: true, message: '请输入指导老师学位！' }]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="研究专长">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'instructor.expertise',
                      {
                        initialValue: formData.instructor.expertise,
                        rules: [{ required: true, message: '请输入指导老师研究专长！' }]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="职称">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'instructor.title',
                      {
                        initialValue: formData.instructor.title,
                        rules: [{ required: true, message: '请输入指导老师职称！' }]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="联系电话">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'instructor.phone',
                      {
                        initialValue: formData.instructor.phone,
                        rules: [
                          {
                            required: true,
                            message: '请输入指导老师联系电话！'
                          },
                          {
                            validator: validateMobile
                          }
                        ]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="邮箱">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'instructor.email',
                      {
                        initialValue: formData.instructor.email,
                        rules: [
                          { required: true, message: '请输入指导老师邮箱！' },
                          {
                            validator: validateEmail
                          }
                        ]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
            </a-row>
          </td>
        </tr>
        <!-- 负责人 -->
        <tr>
          <td width="50" style="text-align:center;vertical-align:middle;">项<br />目<br />负<br />责<br />人</td>
          <td>
            <a-row :gutter="24" type="flex" justify="space-between">
              <a-col> </a-col>
              <a-col>
                <!-- <x-select-user-by-dep v-if="editable" class="xselectuser" :multi="false" @selected="selectStudent"></x-select-user-by-dep> -->
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :span="12">
                <a-form-item v-show="false" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="姓名">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'director.name',
                      {
                        initialValue: formData.director.name,
                        rules: [{ required: true, message: '请输入负责人姓名！' }]
                      }
                    ]"
                  />
                </a-form-item>
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="姓名">
                  <x-select-user-by-dep
                    searchIcon
                    :disabled="!editable"
                    v-decorator="[
                      'director.directorId',
                      {
                        initialValue: formData.director.directorId,
                        rules: [{ required: true, message: '请选择学生负责人！' }]
                      }
                    ]"
                    :multi="false"
                    @selected="selectStudent"
                  ></x-select-user-by-dep>
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="学号">
                  <a-input
                    placeholder=""
                    v-decorator="[
                      'director.stdNo',
                      {
                        initialValue: formData.director.stdNo,
                        rules: [{ required: true, message: '请输入负责人学号！' }]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="所属学院">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'director.college',
                      {
                        initialValue: formData.director.college,
                        rules: [{ required: true, message: '请输入负责人所属学院！' }]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="专业">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'director.major',
                      {
                        initialValue: formData.director.major,
                        rules: [{ required: true, message: '请输入负责人专业！' }]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="身份证号码">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    
                    v-decorator="[
                      'director.idCard',
                      {
                        initialValue: formData.director.idCard,
                        rules: [{ required: true, message: '请输入负责人身份证！' },{  validator: (rule, value, callback) =>{
                          var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; 
                          if(reg.test(value) !== false) {
                            callback();
                          }
                          callback('身份证格式不正确!');
                        }}]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="班级">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'director.clazz',
                      {
                        initialValue: formData.director.clazz,
                        rules: [{ required: true, message: '请输入负责人班级！' }]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="联系电话">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'director.phone',
                      {
                        initialValue: formData.director.phone,
                        rules: [
                          { required: true, message: '请输入负责人联系电话！' },
                          {
                            validator: validateMobile
                          }
                        ]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="邮箱">
                  <a-input
                    placeholder=""
                    :disabled="!editable"
                    v-decorator="[
                      'director.email',
                      {
                        initialValue: formData.director.email,
                        rules: [
                          { required: true, message: '请输入负责人邮箱！' },
                          {
                            validator: validateEmail
                          }
                        ]
                      }
                    ]"
                  />
                </a-form-item>
              </a-col>
            </a-row>
          </td>
        </tr>
        <!-- 项目成员 -->
        <tr>
          <td width="50" style="text-align:center;vertical-align:middle;">项<br />目<br />组<br />成<br />员</td>
          <td>
            <!-- <a-form-item v-show="false">
              <div v-decorator="['members', { initialValue: formData.members }]"></div>
            </a-form-item> -->
            <a-table class="memberList" rowKey="key" bordered :pagination="false" :data-source="dataSource" :columns="columns">
              <span style="text-align:center;" slot="actions"
                >操作<a-button
                  style="margin-left:15px"
                  @click="handleAddMember"
                  :disabled="dataSource.length>=4"
                  type="primary"
                  icon="plus"
                  ></a-button
                ></span
              >
              <template slot="name" slot-scope="text, record, index">
                <a-form-item>
                  <a-input
                    :disabled="!editable"
                    v-decorator="[
                      'members.'+index+'.name',
                      {
                        initialValue: record.name,
                        rules: [ { required: true, message: '请输入成员姓名！' },]
                      }
                    ]"
                  >
                    <x-select-user-by-dep
                      slot="addonAfter"
                      iconModel
                      :disabled="!editable"
                      :multi="false"
                      @selected="selectedMember($event,record)"
                    ></x-select-user-by-dep>
                  </a-input>
                </a-form-item>
              </template>
              <template
                v-for="col in ['college', 'major', 'stdNo', 'position', 'phone']"
                :slot="col"
                slot-scope="text, record, index"
              >
                <a-form-item :key="col">
                  <a-input
                    :type="col=='phone'?'tel':'text'"
                    v-decorator="[
                      'members.'+index+'.'+ col,
                      {
                        initialValue: text,
                        rules: memberRules[col]
                      }
                    ]"
                    @input="e=>record[col]=e.target.value"
                  />
                </a-form-item>
              </template>

              <template slot="operation" slot-scope="text, record,index">
                
                  <!-- <span v-if="record.editable">
                    <a @click="() => save(record.key)">保存</a>
                    <a-popconfirm style="margin-left: 15px" title="确定取消?" @confirm="() => cancel(record.key)">
                      <a>取消</a>
                    </a-popconfirm>
                  </span>
                  <span v-else>
                    <a :disabled="editingKey !== ''" @click="() => editTable(record.key)">编辑</a>
                    <a-popconfirm
                      :disabled="editingKey !== ''"
                      style="margin-left: 15px"
                      title="删除?"
                      @confirm="() => del(record.key)"
                    >
                      <a :disabled="editingKey !== ''">删除</a>
                    </a-popconfirm>
                  </span> -->
                  <a @click="dataSource.splice(index,1)">移除</a>
              </template>
            </a-table>
          </td>
        </tr>

        <!-- 研究目的 -->
        <tr>
          <td width="50" style="text-align:center;vertical-align:middle;">研究目的、意义的简要说明</td>
          <td>
            <a-form-item>
              <a-textarea
                :disabled="!editable"
                :autoSize="{ minRows: 4, maxRows: 8 }"
                showCount
                allow-clear
                :maxlength="200"
                placeholder="请输入200字以内！"
                v-decorator="[
                  'researchProject.description',
                  {
                    initialValue: formData.researchProject.description,
                    rules: [
                      { required: true, message: '请输入研究目的！' },
                      { minLength: 20, message: '至少20个字符！' }
                    ]
                  }
                ]"
              />
            </a-form-item>
          </td>
        </tr>

        <!-- 附件 -->
        <tr>
          <td width="50" style="text-align:center;vertical-align:middle;">附件</td>
          <td>
            <a-form-item style="padding:20px;">
              <j-upload
                :disabled="!editable"
                accept=""
                v-decorator="[
                  'researchProject.enclosures',
                  {
                    initialValue: formData.researchProject.enclosures
                  }
                ]"
                text="上传文件"
                bizPath="research_project"
              ></j-upload>
              <span style="color:orange;">上传文件大小不能超过10M</span>
            </a-form-item>
          </td>
        </tr>
      </table>

      <h4 style="margin-top:15px">二、项目研究内容和成果预计（3000字以内）</h4>
      <table border="1px" widht="100%" class="table">
        <tr>
          <td>
            <a-card
              style="margin-top:15px"
              :bordered="false"
              title="1.项目所涉及的学科领域、研究现状，本课题研究的主要思路、要解决的实际问题、应用价值及新意："
            >
              <a-form-item>
                <a-textarea
                  allow-clear
                  :disabled="!editable"
                  :autoSize="{ minRows: 4, maxRows: 6 }"
                  :maxLength="1000"
                  placeholder="请输入1000字以内！"
                  v-decorator="[
                    'details[0].content',
                    {
                      initialValue: formData.details[0].content,
                      rules: [{ required: true, message: '请输入内容！' },{maxLength:1000,message:'请输入1000字以内'}]
                    }
                  ]"
                />
              </a-form-item>
            </a-card>
            <a-card style="margin-top:15px" :bordered="false" title="2.进度安排以及对工作条件的要求：">
              <a-form-item>
                <a-textarea
                  allow-clear
                  :disabled="!editable"
                  :autoSize="{ minRows: 4, maxRows: 6 }"
                  :maxLength="1000"
                  placeholder="请输入1000字以内！"
                  v-decorator="[
                    'details[1].content',
                    {
                      initialValue: formData.details[1].content,
                      rules: [{ required: true, message: '请输入内容！' }]
                    }
                  ]"
                />
              </a-form-item>
            </a-card>
            <a-card style="margin-top:15px" :bordered="false" title="3.预计成果及提交方式：">
              <a-form-item>
                <a-textarea
                  :disabled="!editable"
                  :autoSize="{ minRows: 4, maxRows: 6 }"
                  allow-clear
                  :maxlength="1000"
                  placeholder="请输入1000字以内！"
                  v-decorator="[
                    'details[2].content',
                    {
                      initialValue: formData.details[2].content,
                      rules: [{ required: true, message: '请输入内容！' },{maxLength:1000,message:'请输入1000字以内'}]
                    }
                  ]"
                />
              </a-form-item>
            </a-card>
          </td>
        </tr>
      </table>

      <h4 style="margin-top:15px">三、申请项目经费预算表</h4>
      <table border="1px" widht="100%" class="table">
        <tr>
          <td width="904px" style="padding:15px">
            <a-form-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="申请资助金额">
              <a-input
                :disabled="!editable"
                type="number"
                placeholder="请输入"
                v-decorator="[
                  'researchProject.fundAmount',
                  {
                    initialValue: formData.researchProject.fundAmount,
                    rules: [{ required: true, message: '请输入金额' },{ len: 8, message: '金额不能超过8位数' },{pattern:/^([1-9]\d{0,9}|0)(\.\d{1,2})?$/,message: '金额为最多两位小数的正数'}]
                  }
                ]"
              />
            </a-form-item>
            <a-row :gutter="[16, 16]">
              <a-col :span="4">科目</a-col>
              <a-col :span="6">经费（元）</a-col>
              <a-col :span="14">依据或说明</a-col>
            </a-row>
            <a-row :gutter="[16, 16]" v-for="(item, key) of formData.funds" :key="key">
              <a-col :span="4"
                >{{ item.name }}：<a-form-item v-show="false"
                  ><a-input
                    :disabled="!editable"
                    v-decorator="[`funds[${key}].name`, { initialValue: item.name }]"/></a-form-item
              ></a-col>
              <a-col :span="6"
                ><a-form-item
                  ><a-input
                    :disabled="!editable"
                    type="number"
                    v-decorator="[`funds[${key}].amount`, { initialValue: item.amount || null ,rules: [{ required: true, message: '请输入金额' },{ len: 8, message: '金额不能超过8位数' },{pattern:/^([1-9]\d{0,9}|0)(\.\d{1,2})?$/,message: '金额为最多两位小数的正数'}]}]"/></a-form-item
              ></a-col>
              <a-col :span="14"
                ><a-form-item
                  ><a-input
                    :disabled="!editable"
                    v-decorator="[`funds[${key}].description`, { initialValue: item.description }]"/></a-form-item
              ></a-col>
            </a-row>
          </td>
        </tr>
      </table>

      <slot></slot>
    </a-form>
    <div v-if="printModel" id="printView" align="center" style="font-size:medium;">
      <h4>一、项目信息表</h4>
      <table class="MsoNormalTable" border="1" cellspacing="0" style='font-family:"font-size:10pt;'>
        <colgroup>
          <col width="50">
          <col width="50">
          <col width="70">
          <col width="50">
          <col width="70">
          <col width="50">
          <col width="50">
          <col width="50">
          <col width="70">
          <col width="70">
        </colgroup>
        <tbody>
          <tr>
            <td width="40" valign="center" rowspan="8">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:5pt;"></span>
              </p>
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">研究项目</span
                ><span style="font-family:仿宋_GB2312;font-size:5.5pt;"></span>
              </p>
            </td>
            <td width="54" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">项目名称</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="359" valign="center" colspan="8">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.researchProject.name }}</span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="54" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">项目来源</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="359" valign="center" colspan="8">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <!-- <span style="font-family:仿宋_GB2312;font-size:10.5pt;"
                  >自选（&emsp; &emsp;） &nbsp;&emsp;教师科研课题（&emsp; &emsp;）
                  &nbsp;&nbsp;&nbsp;&emsp;社会实践（&emsp; &emsp;）</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span> -->
                <j-dict-select-tag
                  type="radio"
                  disabled
                  v-model="formData.researchProject.source"
                  dictCode="research_project_category"
                />
              </p>
            </td>
          </tr>
          <tr>
            <td width="54" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">经费资助</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="180" valign="center" colspan="4">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <!-- <span style="font-family:仿宋_GB2312;font-size:10.5pt;"
                  >重点资助项目（ &nbsp;&nbsp;）一般资助项目（&emsp; ）</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span> -->
                <j-dict-select-tag
                  type="radio"
                  disabled
                  v-model="formData.researchProject.support"
                  dictCode="research_project_level"
                />
              </p>
            </td>
            <td width="50" valign="center" colspan="1">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">起止年月</span
                ><span style="font-family:仿宋_GB2312;font-size:9pt;"></span>
              </p>
            </td>
            <td width="150" valign="center" colspan="3">
              <p class="MsoNormal" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt">
                  {{
                    formData.researchProject.startTime
                      ? moment(formData.researchProject.startTime).format('YYYY年MM月')
                      : '&nbsp;&nbsp;&nbsp;&nbsp;年 &nbsp;&nbsp;月'
                  }}
                  至
                  {{
                    formData.researchProject.endTime
                      ? moment(formData.researchProject.endTime).format('YYYY年MM月')
                      : '&nbsp;&nbsp;&nbsp;&nbsp;年 &nbsp;&nbsp;月'
                  }} </span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="54" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">成果形式</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="359" valign="center" colspan="8">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">
                  <j-dict-select-tag
                    type="radio"
                    v-model="formData.researchProject.resultType"
                    disabled
                    dictCode="research_project_result_type"
                  /> </span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="54" valign="center" rowspan="4">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">指导教师</span
                ><span style="font-family:仿宋_GB2312;font-size:9pt;"></span>
              </p>
            </td>
            <td width="61" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">姓 &nbsp;&nbsp;&nbsp;名</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="105" valign="center" colspan="2">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.instructor.name }}</span>
              </p>
            </td>
            <td width="63" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">所属院（系）</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="128" valign="center" colspan="3">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.instructor.college }}</span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="61" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">最后学历</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="105" valign="center" colspan="2">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.instructor.education }}</span>
              </p>
            </td>
            <td width="63" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">最后学位</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="128" valign="center" colspan="3">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.instructor.degree }}</span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="61" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">研究专长</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="105" valign="center" colspan="2">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.instructor.expertise }}</span>
              </p>
            </td>
            <td width="63" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">职 &nbsp;&nbsp;&nbsp;称</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="128" valign="center" colspan="3">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.instructor.title }}</span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="61" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">联系电话</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="105" valign="center" colspan="2">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.instructor.phone }}</span>
              </p>
            </td>
            <td width="63" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">邮 &nbsp;&nbsp;&nbsp;箱</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="128" valign="center" colspan="3">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.instructor.email }}</span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="24" valign="center" rowspan="4">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">项目负责人</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="54" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">姓 &nbsp;&nbsp;&nbsp;名</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="61" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.director.name }}</span>
              </p>
            </td>
            <td width="41" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">签 &nbsp;名</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="64" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">&nbsp;</span>
              </p>
            </td>
            <td width="63" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">学 &nbsp;&nbsp;&nbsp;号</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="128" valign="center" colspan="3">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.director.stdNo }}</span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="54" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">所属院系</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="167" valign="center" colspan="3">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.director.college }}</span>
              </p>
            </td>
            <td width="63" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">专 &nbsp;&nbsp;&nbsp;业</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="128" valign="center" colspan="3">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.director.major }}</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="54" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">身份证</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">号码</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="167" valign="center" colspan="3">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.director.idCard }}</span>
              </p>
            </td>
            <td width="63" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">班 &nbsp;&nbsp;&nbsp;级</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="128" valign="center" colspan="3">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.director.clazz }}</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="54" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">Email</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="167" valign="center" colspan="3">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.director.email }}</span>
              </p>
            </td>
            <td width="63" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">电 &nbsp;&nbsp;&nbsp;话</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="128" valign="center" colspan="3">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.director.phone }}</span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="24" valign="center" rowspan="5">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">项目组成员</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:5pt;">&nbsp;</span>
              </p>
            </td>
            <td width="54" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">姓 &nbsp;&nbsp;名</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="103" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">所在院（系）及专业</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="64" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">学 &nbsp;&nbsp;号</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="63" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">承担任务</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="60" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">联系电话</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="68" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">签名</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
          </tr>
          <tr v-for="key in [0, 1, 2, 3]" :key="key">
            <td width="54" valign="top">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{
                  formData.members[key] ? formData.members[key].name : ''
                }}</span>
              </p>
            </td>
            <td width="103" valign="top" colspan="2">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{
                  formData.members[key] ? formData.members[key].college : ''
                }}</span>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{
                  formData.members[key] ? formData.members[key].major : '&nbsp;'
                }}</span>
              </p>
            </td>
            <td width="63" valign="top">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{
                  formData.members[key] ? formData.members[key].stdNo : '&nbsp;'
                }}</span>
              </p>
            </td>
            <td width="60" valign="top" colspan="2">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{
                  formData.members[key] ? formData.members[key].position : '&nbsp;'
                }}</span>
              </p>
            </td>
            <td width="68" valign="top" colspan="2">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{
                  formData.members[key] ? formData.members[key].phone : '&nbsp;'
                }}</span>
              </p>
            </td>
            <td width="68" valign="top">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'></p>
            </td>
          </tr>

          <tr>
            <td width="24" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">研究目的、意义的简要说明</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="413" valign="top" colspan="9">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:12pt;">{{ formData.researchProject.description }}</span>
              </p>
            </td>
          </tr>
        </tbody>
      </table>
      <h4 style="margin-top:15px">二、项目研究内容和成果预计（3000字以内）</h4>
      <table class="MsoNormalTable" border="1" cellspacing="0" style='font-family:"font-size:10pt;'>
        <tbody>
          <tr>
            <td width="447" valign="top">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;"
                  >1.项目所涉及的学科领域、研究现状，本课题研究</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;">的主要思路</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;">、要解决的实际问题、</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;">应用价值</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;">及新意：</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;min-height:18em;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.details[0].content }}</span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="447" valign="top">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">2.进度安排以及对工作条件的要求：</span>
              </p>
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;min-height:18em;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.details[1].content }}</span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="447" valign="top">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">3.预计成果及提交方式：</span>
              </p>
              <p
                class="MsoNormal"
                style='text-align:justify;font-family:"font-size:10.5pt;text-indent:10.5pt;min-height:18em;'
              >
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ formData.details[2].content }}</span>
              </p>
            </td>
          </tr>
        </tbody>
      </table>
      <h4 style="margin-top:15px">三、申请项目经费预算表</h4>
      <table class="MsoNormalTable" border="1" cellspacing="0" style='font-family:"font-size:10pt;'>
        <tbody>
          <tr>
            <td width="445" valign="top" colspan="3">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">申请资助金额 ：</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"
                  >{{ formData.researchProject.fundAmount }}元</span
                >
              </p>
            </td>
          </tr>
          <tr>
            <td width="93" valign="top">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">科 &nbsp;&nbsp;目</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="87" valign="top">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">经费（元）</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="264" valign="top">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">依 据 或 说 明</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
          </tr>
          <tr v-for="(item, key) of formData.funds" :key="key">
            <td width="93" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ item.name }}</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="87" valign="top">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ item.amount }}</span>
              </p>
            </td>
            <td width="264" valign="top">
              <p class="MsoNormal" style='text-align:justify;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">{{ item.description }}</span>
              </p>
            </td>
          </tr>
        </tbody>
      </table>

      <h4 style="margin-top:15px">四、审核意见</h4>
      <table class="MsoNormalTable" border="1" cellspacing="0" style='font-family:"font-size:10pt;'>
        <tbody>
          <tr>
            <td width="60" valign="center" colspan="1">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">指</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">导</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">教</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">师</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">意</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">见</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="500" valign="top" colspan="5">
              <div
                class="MsoNormal"
                style='display:block;min-height:10em;text-align:justify;font-family:"font-size:10.5pt;'
              >
                <div style="font-family:仿宋_GB2312;font-size:10.5pt;" v-html="task1.opinion"></div>
              </div>
              <p
                class="MsoNormal"
                style='text-align:justify;line-height: 2.5;font-family:"font-size:10.5pt;text-indent:60%;'
              >
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">签 &nbsp;名: &nbsp;{{task1.dealUserName}}</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p
                class="MsoNormal"
                style='text-align:justify;line-height: 2.5;font-family:"font-size:10.5pt;text-indent:65%;'
              >
              </p>
              <p class="MsoNormal" align="right" style='text-align:right;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;"
                  >{{task1.dealTime? moment(task3.dealTime).format('&nbsp;&nbsp;yyyy&nbsp;年&nbsp;&nbsp;MM&nbsp;月&nbsp;&nbsp;DD&nbsp;日'):'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日'}}</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="38" valign="center">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">申报单位领导意见</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="403" valign="top" colspan="5">
              <div
                class="MsoNormal"
                style='display:block;min-height:10em;text-align:justify;font-family:"font-size:10.5pt;'
              >
                <div style="font-family:仿宋_GB2312;font-size:10.5pt;" v-html="task2.opinion"></div>
              </div>
              <p
                class="MsoNormal"
                style='text-align:justify;line-height: 2.5;font-family:"font-size:10.5pt;text-indent:60%;'
              >
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">签 &nbsp;名（盖章）: &nbsp;{{task2.dealUserName}}</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p
                class="MsoNormal"
                style='text-align:justify;line-height: 2.5;font-family:"font-size:10.5pt;text-indent:65%;'
              >
              </p>
              <p class="MsoNormal" align="right" style='text-align:right;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;"
                  >{{task2.dealTime? moment(task2.dealTime).format('&nbsp;&nbsp;yyyy&nbsp;年&nbsp;&nbsp;MM&nbsp;月&nbsp;&nbsp;DD&nbsp;日'):'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日'}}</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
          </tr>
          <tr>
            <td width="38" valign="center" rowspan="3">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">学生科研管理委员会意见</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="41" valign="center" rowspan="2" >
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">审批</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="144" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">经费资助项目</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="218" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">同意（&nbsp;<i style="font-family: Arial;letter-spacing: -1px;font-size: 14px">{{formData.approveResult?"√":"&nbsp;"}}</i>&nbsp;）</span>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">不同意（&nbsp;<i style="font-family: Arial;letter-spacing: -1px;font-size: 14px">{{formData.approveResult===false?"√":"&nbsp;"}}</i>&nbsp;）</span>
                
              </p>
            </td>
          </tr>
          <tr>
            <td width="144" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">批准经费资助额度</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
            <td width="218" valign="center" colspan="2">
              <p class="MsoNormal" align="center" style='text-align:center;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">&nbsp;{{formData.finalFundAmount}}&nbsp;元</span
                >
              </p>
            </td>
          </tr>
          <tr>
            <td width="403" valign="top" colspan="5">
              <div
                class="MsoNormal"
                style='display:block;min-height:10em;text-align:justify;font-family:"font-size:10.5pt;'
              >
                <div style="font-family:仿宋_GB2312;font-size:10.5pt;" v-html="task3.opinion"></div>
              </div>
              <p
                class="MsoNormal"
                style='text-align:justify;line-height: 2.5;font-family:"font-size:10.5pt;text-indent:60%;'
              >
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;">签 &nbsp;名（盖章）: &nbsp;{{task3.dealUserName}}</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
              <p
                class="MsoNormal"
                style='text-align:justify;line-height: 2.5;font-family:"font-size:10.5pt;text-indent:65%;'
              >
              </p>
              <p class="MsoNormal" align="right" style='text-align:right;font-family:"font-size:10.5pt;'>
                <span style="font-family:仿宋_GB2312;font-size:10.5pt;"
                  >{{task3.dealTime? moment(task3.dealTime).format('&nbsp;&nbsp;yyyy&nbsp;年&nbsp;&nbsp;MM&nbsp;月&nbsp;&nbsp;DD&nbsp;日'):'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日'}}</span
                ><span style="font-family:仿宋_GB2312;font-size:10.5pt;"></span>
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </a-card>
</template>

<script>
import XSelectUserByDep from '@/components/extends/XSelectUserByDep'
import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
import JUpload from '@/components/jeecg/JUpload'
import { FormTypes } from '@/utils/JEditableTableUtil'
import { merge, find } from 'lodash'
import { getProjectById } from '@/api/api'
import { httpAction, getAction } from '@/api/manage'
import moment from 'moment'
let formData = {
  members: [],
  funds: [
    {
      name: '图书资料费',
      amount: '',
      description: ''
    },
    {
      name: '调研差旅费',
      amount: '',
      description: ''
    },
    {
      name: '复印费',
      amount: '',
      description: ''
    },
    {
      name: '通讯费',
      amount: '',
      description: ''
    },
    {
      name: '小型会议费',
      amount: '',
      description: ''
    },
    {
      name: '劳务费',
      amount: '',
      description: ''
    },
    {
      name: '其他',
      amount: '',
      description: ''
    }
  ],
  details: [
    {
      content: '',
      title: '1.项目所涉及的学科领域、研究现状，本课题研究的主要思路、要解决的实际问题、应用价值及新意：'
    },
    {
      content: '',
      title: '2.进度安排以及对工作条件的要求：'
    },
    {
      content: '',
      title: '3.预计成果及提交方式：'
    }
  ],
  director: {
    clazz: '',
    college: '',
    email: '',
    id: '',
    directorId: '',
    idCard: '',
    major: '',
    name: '',
    phone: '',
    projectId: '',
    stdNo: ''
  },
  instructor: {
    college: '',
    degree: '',
    education: '',
    email: '',
    expertise: '',
    id: '',
    instructorId: '',
    name: '',
    phone: '',
    projectId: '',
    title: ''
  },
  researchProject: {
    id: '',
    name: '',
    timeRange: [null, null],
    createTime: '',
    creatorId: '',
    creatorName: '',
    dealFlag: 0,
    description: '',
    director: '',
    exportIndex: 0,
    enclosures: '',
    finalFundAmount: 0,
    fundAmount: 0,
    instructor: '',
    resultType: '',
    source: '',
    startTime: null,
    endTime: null,
    support: ''
  }
}
export default {
  name: 'ProjectBuild',
  components: {
    JUpload,
    JDictSelectTag,
    XSelectUserByDep
  },
  data() {
    return {
      moment,
      BaseUrl: window._CONFIG['domianURL'],
      loading: false,
      editingKey: '',
      projectTypes: [],
      configList: [],
      url: {
        config: '/bizConfig/list',
        dict: '/sys/dictItem/list',
        add: '/researchProject/add',
        edit: '/researchProject/edit',
        queryById: '/researchProject/queryById'
      },
      formData: merge({}, formData),
      form: this.$form.createForm(this, {
        name: 'projectData'
      }),
      memberRules:{
        name: [
          { required: true, message: '请输入名称！' }
        ],
        college: [
          { required: true, message: '请输入学院！' }
        ],
        major: [
          { required: true, message: '请输入系别！' }
        ],
        position: [
          { required: true, message: '请输入承担任务！' }
        ],
        stdNo:[
          { required: true, message: '请输入学号！' },
          { pattern:/^\d{10}$/,message: '请填入十位数字！' }
        ],
        phone: [
          { required: true, message: '请输入电话！' },
          {
            validator: this.validateMobile
          }
        ]
      },
      dataSource: [],
      columns: [
        {
          title: '姓名',
          dataIndex: 'name',
          scopedSlots: { customRender: 'name' },
          width:150
        },
        {
          title: '学院',
          dataIndex: 'college',
          scopedSlots: { customRender: 'college' }
        },
        {
          title: '专业',
          dataIndex: 'major',
          scopedSlots: { customRender: 'major' }
        },
        {
          title: '学号',
          dataIndex: 'stdNo',
          scopedSlots: { customRender: 'stdNo' }
        },
        {
          title: '承担任务',
          dataIndex: 'position',
          scopedSlots: { customRender: 'position' },
          ellipsis: true
        },
        {
          title: '联系电话',
          dataIndex: 'phone',
          scopedSlots: { customRender: 'phone' }
        },
        {
          //   title: '操作',
          dataIndex: 'operation',
          align:'center',
          width: 110,
          scopedSlots: { title: 'actions', customRender: 'operation' }
        }
      ]
    }
  },
  model: {
    prop: 'data',
    event: 'onchange'
  },
  props: {
    dataId: String,
    data: {
      type: Object,
      default: () => {
        return {}
      }
    },
    browseMode: Boolean,
    printModel: Boolean,
    editable: {
      type: Boolean,
      default: true
    },
    editableFiexd: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  computed:{
    task1(){
      if(this.formData&&Array.isArray(this.formData.approveRecords)){
        return this.formData.approveRecords[0]||{}
      }else{
        return {}
      }
    },
    task2(){
      let data = {}
      if(this.formData&&Array.isArray(this.formData.approveRecords)){
        data =  this.formData.approveRecords[1]||{}
      }
      if(!data.taskFieldList) data.taskFieldList = {}
      return data
    },
    task3(){
      if(this.formData&&Array.isArray(this.formData.approveRecords)){
        return this.formData.approveRecords[2]||{}
      }else{
        return {}
      }
    },
  },
  created() {
    this.form.resetFields()
    this.formData = merge({}, formData)
    this.getConfig()
    if (this.dataId || (this.formData.researchProject && this.formData.researchProject.id)) {
      this.getDataById(this.dataId)
    }
  },
  watch: {
    configList: {
      handler(nv, ov) {
        let obj = find(this.configList, { type: 'DICT' })
        if (obj && obj.value) {
          getAction(this.url.dict, {
            dictId: obj.value,
            delFlag: 1,
            column: 'sortOrder',
            order: 'asc',
            pageNo: 1,
            pageSize: 100
          }).then(res => {
            if (res.success) {
              this.projectTypes = res.result.records
            }
          })
        }
      },
      immediate: true,
      deep: true
    },
    dataId(nv) {
      if (nv) {
        this.getDataById(nv)
      }
    },
    data: {
      handler(nv, ov) {
        // this.formData = {}
        this.formData = merge(this.formData, nv)
      },
      immediate: true,
      deep: true
    },
    formData: {
      handler(nv, ov) {
        console.log(nv)
        this.$emit('onchange', nv)
      },
      immediate: true,
      deep: true
    },
    'formData.members': {
      handler(nv, ov) {
        if (Array.isArray(nv)) {
          let arr = nv.map((item, index) => {
            item.key = item.key || index
            return item
          })
          this.dataSource = merge([], arr)
          // this.form.setFieldsValue({ members: arr })
        }
      },
      immediate: true,
      deep: true
    }
  },
  methods: {
    add(data) {
      this.userDisabled = true
      this.open(
        merge(
          {
            researchProject: {
              actStatus: 10
            }
          },
          data
        )
      )
    },
    apply(data) {
      this.userDisabled = true
      this.open(merge({}, data))
    },
    edit(record) {
      this.userDisabled = true
      this.open(merge({}, record))
    },
    open(record) {
      this.form.resetFields()
      this.formData = merge({}, formData, record)
    },
    selectedMember(data,item){
      let rows = data.row
      if (Array.isArray(rows) && rows[0]) {
        let obj = {
          // userId:rows[0].id,
          name: rows[0].realname,
          college: rows[0].college,
          stdNo: rows[0].username,
          major:rows[0].major,
          phone: rows[0].phone
        }
        this.$nextTick(()=>{
          Object.assign(item, obj)
        })
      }
    },
    selectTeacher(data) {
      let rows = data.row
      if (Array.isArray(rows) && rows[0]) {
        let obj = {
          instructorId: rows[0].id,
          name: rows[0].realname,
          college: rows[0].college,
          education: rows[0].education,
          email: rows[0].email,
          expertise: rows[0].expertise,
          phone: rows[0].phone
        }
        Object.assign(this.formData.instructor, obj)

        this.form.setFieldsValue({ 'instructor.instructorId': this.formData.instructor.instructorId })
        this.form.setFieldsValue({ 'instructor.name': this.formData.instructor.name })
        this.form.setFieldsValue({ 'instructor.college': this.formData.instructor.college })
        this.form.setFieldsValue({ 'instructor.education': this.formData.instructor.education })
        this.form.setFieldsValue({ 'instructor.email': this.formData.instructor.email })
        this.form.setFieldsValue({ 'instructor.expertise': this.formData.instructor.expertise })
        this.form.setFieldsValue({ 'instructor.phone': this.formData.instructor.phone })
      }
    },
    selectStudent(data) {
      let rows = data.row
      if (Array.isArray(rows) && rows[0]) {
        let obj = {
          directorId: rows[0].id,
          name: rows[0].realname,
          stdNo: rows[0].stdNo,
          college: rows[0].college,
          major: rows[0].major,
          idCard: rows[0].idCard,
          email: rows[0].email,
          phone: rows[0].phone,
          clazz: rows[0].clazz
        }
        Object.assign(this.formData.director, obj)

        this.form.setFieldsValue({ 'director.directorId': this.formData.director.directorId })
        this.form.setFieldsValue({ 'director.name': this.formData.director.name })
        this.form.setFieldsValue({ 'director.stdNo': this.formData.director.stdNo })
        this.form.setFieldsValue({ 'director.college': this.formData.director.college })
        this.form.setFieldsValue({ 'director.email': this.formData.director.email })
        this.form.setFieldsValue({ 'director.major': this.formData.director.major })
        this.form.setFieldsValue({ 'director.phone': this.formData.director.phone })
        this.form.setFieldsValue({ 'director.idCard': this.formData.director.idCard })
        this.form.setFieldsValue({ 'director.clazz': this.formData.director.clazz })
      }
    },
    getConfig() {
      getAction(this.url.config, {
        module: 'research_project'
      }).then(res => {
        if (res.success && res.result) {
          this.configList = res.result.records
        } else {
          this.configList = []
        }
      })
    },
    getDataById(id) {
      let that = this
      that.loading = true

      getProjectById({ id })
        .then(res => {
          let startTime = res.result.researchProject.startTime ? res.result.researchProject.startTime : null
          let endTime = res.result.researchProject.endTime ? res.result.researchProject.endTime : null

          that.formData = merge({}, formData, res.result, {
            details: {
              projectId: id
            },
            director: {
              projectId: id
            },
            funds: {
              projectId: id
            },
            instructor: {
              projectId: id
            },
            members: {
              projectId: id
            },
            researchProject: {
              id,
              startTime,
              endTime
            }
          })
          that.$nextTick(() => {
            that.form.setFieldsValue({ 'researchProject.id': that.formData.researchProject.id })
            that.form.setFieldsValue({ 'researchProject.enclosures': that.formData.researchProject.enclosures })
            that.form.setFieldsValue({ 'instructor.instructorId': that.formData.instructor.instructorId })
            that.form.setFieldsValue({ 'director.instructorId': that.formData.director.instructorId })
          })
        })
        .finally(res => {
          that.loading = false
        })
    },
    handleAddMember() {
      this.dataSource.push({
        key: this.dataSource.length + 1,
        userId:'',
        college: '',
        major: '',
        name: '',
        phone: '',
        position: '',
        stdNo: '',
        editable: true
      })
      this.editingKey = this.dataSource.length + 1
    },
    handleChange(value, key, column) {
      const newData = Object.assign([], this.dataSource)
      const target = newData.filter(item => key === item.key)[0]
      if (target) {
        target[column] = value
        this.dataSource = newData
      }
    },
    editTable(key) {
      const newData = Object.assign([], this.dataSource)
      const target = newData.filter(item => key === item.key)[0]
      this.editingKey = key
      if (target) {
        target.editable = true
        this.dataSource = newData
      }
    },
    save(key) {
      const newData = Object.assign([], this.dataSource)
      const target = newData.filter(item => key === item.key)[0]
      if (target) {
        if (!target.name) {
          return this.$message.warning('请填写成员姓名')
        }
        if (!target.college) {
          return this.$message.warning('请填写成员所在学院')
        }
        if (!target.major) {
          return this.$message.warning('请填写成员所在系别')
        }
        if (!target.stdNo) {
          return this.$message.warning('请填写成员学号')
        }
        if (!target.position) {
          return this.$message.warning('请填写成员负责内容')
        }
        if (!target.phone) {
          return this.$message.warning('请填写成员联系电话')
        }
        delete target.editable
        this.formData.members = newData
      }
      this.editingKey = ''
    },
    cancel(key) {
      this.editingKey = ''
      this.dataSource = merge([], this.formData.members)
    },
    del(key) {
      const dataSource = [...this.formData.members]
      this.formData.members = dataSource.filter(item => item.key !== key)
    },
    saveForm() {
      const that = this

      return new Promise(function(resolve, reject) {
        // 触发表单验证
        let values = that.form.getFieldsValue()
        let formData = merge(
          {
            researchProject: {
              actStatus: 0
            }
          },
          that.formData,
          values
        )
        that.confirmLoading = true
        let httpurl = ''
        let method = ''
        if (!formData.researchProject.id) {
          httpurl += that.url.add
          method = 'post'
        } else {
          httpurl += that.url.edit
          method = 'put'
        }
        if (!formData.researchProject.name) {
          return that.$message.warning('项目名称不能为空！')
        }
        if (formData.researchProject.timeRange) {
          formData.researchProject.startTime =
            formData.researchProject.timeRange[0] &&
            moment(formData.researchProject.timeRange[0] || null).format('YYYY-MM-DD HH:mm:ss')
          formData.researchProject.endTime =
            formData.researchProject.timeRange[1] &&
            moment(formData.researchProject.timeRange[1] || null).format('YYYY-MM-DD HH:mm:ss')
        }
        delete formData.researchProject.timeRange
        httpAction(httpurl, formData, method)
          .then(res => {
            if (res.success) {
              that.$message.success(res.message)
              that.$emit('ok')
              resolve('ok')
            } else {
              that.$message.warning(res.message)
            }
          })
          .finally(() => {
            that.confirmLoading = false
          })
      })
    },
    submitForm(isStart) {
      const that = this
      // 触发表单验证
      return new Promise(function(resolve, reject) {
        that.form.validateFields((err, values) => {
          if (!err) {
            that.confirmLoading = true
            let httpurl = ''
            let method = ''
            if (!that.formData.researchProject.id) {
              httpurl += that.url.add
              method = 'post'
            } else {
              httpurl += that.url.edit
              method = 'put'
            }
            let workflowModel = isStart
              ? {}
              : {
                  workflowModel: {
                    operation: 'start'
                  }
                }
            let formData = merge({}, that.formData, values, workflowModel)
            formData.researchProject.actStatus = 1
            formData.researchProject.startTime = moment(formData.researchProject.timeRange[0] || null).valueOf()
            formData.researchProject.endTime = moment(formData.researchProject.timeRange[1] || null).valueOf()
            delete formData.researchProject.timeRange

            httpAction(httpurl, formData, method)
              .then(res => {
                if (res.success) {
                  that.$message.success(res.message)
                  that.$emit('ok')
                  resolve('ok')
                } else {
                  that.$message.warning(res.message)
                }
              })
              .finally(() => {
                that.confirmLoading = false
              })
          } else {
            that.$message.warning('校验错误，请检查表单内容！')
            reject(values)
          }
        })
      })
    },
    validateEmail(rule, value, callback) {
      if (!value) {
        callback()
      } else {
        if (
          new RegExp(
            /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
          ).test(value)
        ) {
          callback()
        } else {
          callback('请输入正确格式的邮箱!')
        }
      }
    },
    validateMobile(rule, value, callback) {
      if (!value || new RegExp(/^((0\d{2,3}-?\d{7,8})|(1[3465789]\d{9}))$/).test(value)) {
        callback()
      } else {
        callback('号码格式不正确!')
      }
    }
  }
}
</script>

<style lang="less" scope>
.pbcard .ant-card-body{
  padding: 10px;
}
.memberList{
  .ant-form-item{
    margin: 5px 0;
  }
  .ant-form-explain{
    position:absolute;
  }
}
table {
  width: 100%;
  table-layout: fixed;
}
table td {
  line-height: 1.6;
}
.MsoNormal {
  margin: 5px !important;
}
.xselectuser {
  display: inline-flex;
}
#printView /deep/label.ant-radio-wrapper {
  display: inline-flex;
  flex-direction: row-reverse;
}
#printView /deep/label.ant-radio-wrapper .ant-radio {
  display: inline-flex;
}
#printView /deep/label.ant-radio-wrapper .ant-radio::before {
  display: inline;
  content: '（';
}
#printView /deep/label.ant-radio-wrapper .ant-radio::after {
  display: inline;
  content: '）';
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  border: none;
  border-radius: 50%;
  visibility: visible;
  animation: none;
  animation-fill-mode: both;
}
#printView /deep/label.ant-radio-wrapper .ant-radio .ant-radio-inner,
#printView /deep/label.ant-radio-wrapper .ant-radio.ant-radio-disabled .ant-radio-inner {
  background-color: transparent;
  border-color: transparent !important;
}
#printView /deep/label.ant-radio-wrapper .ant-radio.ant-radio-disabled + span {
  color: inherit;
}
#printView /deep/label.ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner::after {
  content: '√';
  background-color: transparent;
}
.xselectuser /deep/.ant-input {
  display: none;
}
.xselectuser /deep/.ant-btn {
  border-radius: 0 !important;
  margin: 0 !important;
}
</style>
